<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <link rel="icon" href="index.html">
    <title>订单页面</title>
    <!-- 基础样式 -->
    <link type="text/css" rel="stylesheet" href="/static/css/base.css"/>
    <!-- 公共样式 -->
    <link type="text/css" rel="stylesheet" href="/static/css/common.css"/>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="/static/img/favicon.ico"/>
    <!-- layui -->
    <link rel="stylesheet" href="/static/js/layui/css/layui.css" media="all">

    <link type="text/css" rel="stylesheet" href="/static/css/assets/base.css"/>
    <link type="text/css" rel="stylesheet" href="/static/css/assets/style.css"/>
    <link type="text/css" rel="stylesheet" href="/static/css/assets/likeflower.css"/>
    <link type="text/css" rel="stylesheet" href="/static/css/assets/black.css"/>
    <script src="/static/js/layui/jquery.min.js"></script>
    <script src="/static/css/assets/common.js"></script>
    <script src="/static/css/assets/public.js"></script>
    <script src="/static/js/layer.js"></script>
    <link rel="stylesheet" href="/static/css/layer.css" id="layuicss-skinlayercss">

</head>

<body class="catetop-cloth bg-ligtGary">
<!-- 快捷导航模块 start -->
<section class="shortcut">
    <!-- 版心 -->
    <div class="w">
        <div class="nav_left">
            <ul>
                <li class="icon-phone">0797-3591053</li>
                <li></li>
                <li class="icon-app"><a href="#">下载Flower鲜花APP</a></li>
                <li></li>
                <li class="icon-wx"><a href="#">关注Flower鲜花微信公众号</a></li>
            </ul>
        </div>

        <div class="nav_right">
            <ul>
                <li class="avatar" th:if="${session.loginUser != null}"><img th:src="${session.loginUser.avatar}" alt=""
                                                                             style="width: 34px;height: 34px"></li>
                <li class="login" th:if="${session.loginUser != null}" style="margin-left: 5px">
                    [[${session.loginUser.nickname}]]
                </li>
                <li class="login" th:if="${session.loginUser == null}"><a href="/login.html">登录</a></li>
                <li th:if="${session.loginUser == null}"><a href="/register.html">注册</a></li>
                <li th:if="${session.loginUser != null}" style="margin-left: 10px"><a href="/logout">退出</a></li>
                <li class="fenge"></li>
                <li class="shop_car"><a href="/cart/cart.html">我的购物车</a><i class="count">0</i></li>
            </ul>
        </div>
    </div>
</section>
<!-- 快捷导航模块 end -->

<!-- header头部模块 start -->
<header class="header w">
    <!-- logo -->
    <div class="logo">
        <ul>
            <li>
                <h1>
                    <a href="/index.html" title="Flower" class="Rosewin">Flower</a>
                </h1>
            </li>
            <li></li>
            <li class="arrow-icon"><a href="#">全国</a></li>
        </ul>
    </div>
    <!-- 搜索框 -->
    <div class="search">
        <input type="text" name="" id="" value="" placeholder="请输入关键字"/>
        <button><em></em></button>
    </div>
    <!-- 下载 -->
    <div class="download">
        <a href="#" class="ios"></a>
        <a href="#" class="android"></a>
    </div>
</header>
<!-- header头部模块 end -->

<!--移入弹出层-->
<div class="shiftInPopup">
    <ul class="kind" id="kind">
        <li><a href="/flower.html?categoryName=向日葵">向日葵</a></li>
        <li><a href="/flower.html?categoryName=康乃馨">康乃馨</a></li>
        <li><a href="/flower.html?categoryName=满天星">满天星</a></li>
        <li><a href="/flower.html?categoryName=白玫瑰">白玫瑰</a></li>
        <li><a href="/flower.html?categoryName=红玫瑰">红玫瑰</a></li>
        <li><a href="/flower.html?categoryName=蓝玫瑰">蓝玫瑰</a></li>
        <li><a href="/flower.html?categoryName=粉玫瑰">粉玫瑰</a></li>
    </ul>
</div>


<!-- nav 模块 start -->
<nav class="nav">
    <div class="w">
        <div class="category">
            <ul>
                <li><a href="/index.html">首页</a></li>
                <li>/</li>
                <li><a href="http://localhost:8099/flower.html?categoryName=鲜花" class="selectFlower" id="flower">鲜花</a>
                </li>
                <li>/</li>
                <li><a href="/flower.html?categoryName=进口鲜花">进口鲜花</a></li>
                <li>/</li>
                <li><a href="/cake.html?categoryName=蛋糕" class="cake">蛋糕<img src="/static/img/hot_ico3.gif" alt=""></a>
                </li>
                <li>/</li>
                <li><a href="/flower.html?categoryName=永生花">永生花</a></li>
                <li>/</li>
                <li><a href="#">开业花篮</a></li>
                <li>/</li>
                <li><a href="#">礼品</a></li>
                <li>/</li>
                <li><a href="#">鲜花百科</a></li>
                <li>/</li>
                <li><a href="#">花语大全</a></li>
            </ul>
        </div>
    </div>
</nav>
<!-- nav 模块 end -->


<div class="mask"></div>

<!--<div id="bc01" class="ac_box">
    <div class="close_btn"></div>
    <div class="ac_content">
        <img src="./order_files/ios.png" alt="">
    </div>
</div>


<div id="bc02" class="ac_box">
    <div class="close_btn"></div>
    <div class="ac_content">
        <img src="./order_files/android.png" alt="">
    </div>
</div>-->


<script>
    $public_static = "/assets/flower";
</script>


<style>
    body {
        background-color: #fff !important;
    }
</style>
<form action="https://www.rosewin.com/flow.php" method="post" id="form_order" style="display:none;">
    <input type="text" name="consignee" value="" autocomplete="off">
    <input type="text" name="tel" value="" autocomplete="off">
    <input type="text" name="country" value="1" autocomplete="off">
    <input type="text" name="province" value="" autocomplete="off">
    <input type="text" name="city" value="" autocomplete="off">
    <input type="text" name="district" value="" autocomplete="off">
    <input type="text" name="address" value="" autocomplete="off">
    <input type="text" name="consignee_post" value="1" autocomplete="off">
    <input type="text" name="buyer_name" value="" autocomplete="off">
    <input type="text" name="buyer_phone" value="" autocomplete="off">
    <input type="text" name="best_timer" value="" autocomplete="off">
    <input type="text" name="bast_time_info" value="时段" autocomplete="off">
    <input type="text" name="time_hour" value="0" autocomplete="off">
    <input type="text" name="time_minutes" value="0" autocomplete="off">
    <input type="text" name="times_range" value="" autocomplete="off">
    <input type="text" name="shippingfee" value="0" autocomplete="off">
    <input type="text" name="dsfwf" value="0" autocomplete="off">
    <input type="text" name="words" value="" autocomplete="off">
    <input type="text" name="postscript" value="" autocomplete="off">
    <input name="payment" value="7" type="hidden" autocomplete="off">
    <input type="text" name="step" value="done">
    <input type="text" name="test" value="1">
    <input type="text" name="bonus_sn" value="">
    <input type="text" name="sale_emp_id" value="0">
    <input type="text" value="318503" name="order_id_string" class="order_id_string">
</form>
<div class="container">

    <div class="orderNav">
        <div class="orderNav_m orderNav02"></div>
    </div>
    <div class="w w1200" style="margin-top:30px;border: solid 1px #e8e8e8;">

        <div class="checkout-warp">

            <div class="ck-step" id="consignee_list">
                <div class="ck-step-tit" style="padding: 20px 0 1.5rem">
                    <h3>收货人信息</h3>

                </div>
                <div class="ck-step-cont" id="consignee-addr">
                    <div class="consignee-warp">
                        <!--收货人地址-->
                        <div class="cs-w-item" th:each="address : ${orderDetail.userReceiveAddressEntityList}">
                            <a class="add-new-address" ectype="dialog_checkout">
                                <div class="item-tit"
                                     style="text-align: left;font-size: 20px;margin-top: 10px;height: 25px;line-height: 25px">
                                    <span class="username">收货人:[[${address.name}]]</span></div>
                                <div class="item-tel"
                                     style="text-align: left;font-size: 16px;margin-top: 10px;height: 25px;line-height: 25px">
                                    <span class="contact">收货人手机号:[[${address.phone}]]</span></div>
                                <div class="item-address"
                                     style="text-align: left;font-size: 16px;margin-top: 10px;height: 25px;line-height: 25px">
                                    收货地址:[[${address.province}]][[${address.city}]][[${address.region}]][[${address.detailAddress}]]
                                </div>
                                <div class="item-tit"
                                     style="text-align: left;font-size: 16px;margin-top: 30px;height: 25px;line-height: 25px">
                                    订购人:[[${address.name}]]
                                </div>
                                <div class="item-tit"
                                     style="text-align: left;font-size: 16px;margin-top: 10px;height: 25px;line-height: 25px">
                                    订购人手机号:[[${address.phone}]]
                                </div>
                                <i class="icon"></i>
                                <a class="edit btn_address_edit" href="javascript:;">修改</a>
                                <!--<i class="iconfont icon-add-quer"></i>-->
                                <a class="delete btn_address_delete" href="javascript:;">删除</a>
                                <!--<span>添加新地址</span>--></a>
                        </div>

                       <div class="cs-w-item" >
                            <a class="add-new-address" ectype="dialog_checkout">
                                <!--<i class="icon"></i>-->
                                <!--<a class="edit btn_address_edit" href="javascript:;">修改</a>
                                &lt;!&ndash;<i class="iconfont icon-add-quer"></i>&ndash;&gt;
                                <a class="delete btn_address_delete" href="javascript:;">删除</a>-->
                                <span style="font-weight: bold;font-size: 20px;">添加新地址</span></a>
                        </div>




                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <div class="reminder"></div>


            <div class="ck-step checkout delivery">
                <div class="ck-step-tit" style="padding: 20px 0 1.5rem">
                    <h3>配送时间
                    </h3></div>

                <div class="ck-step-cont" id="delivery_timer_row">
                    <input name="best_timer" style="width:112px;float:left;margin-right:20px;" class="text"
                           id="send-date" placeholder="选择配送日期" value="" readonly="readonly" type="text">
                    <div class="p-radio-item payment-item item-selected" data-delivery_time="时段" id="time_interval">
                      <span>
                      	时段</span>
                        <b>
                        </b>
                    </div>
                    <div class="times_range" style="float: left;margin-right: 20px;">
                        <select name="times_range" class="times-b contorl-select">
                            <option value="">请选择</option>
                            <option value="08-10点">08-10点</option>
                            <option value="10-12点">10-12点</option>
                            <option value="12-14点">12-14点</option>
                            <option value="14-16点">14-16点</option>
                            <option value="16-18点">16-18点</option>
                            <option value="18-20点">18-20点</option>
                            <option value="20-22点">20-22点</option>
                            <option value="上午">上午</option>
                            <option value="下午">下午</option>
                            <option value="晚上">晚上</option>
                            <option value="全天配送">全天配送</option>
                        </select>
                        <select name="times_range_temp" class="times-b contorl-select" style="display: none;">

                            <option value="8" class="n_jr">08-10点</option>
                            <option value="10" class="n_jr">10-12点</option>
                            <option value="12" class="n_jr">12-14点</option>
                            <option value="14" class="n_jr">14-16点</option>
                            <option value="16" class="n_jr">16-18点</option>
                            <option value="18" class="n_jr">18-20点</option>
                            <option value="20" class="n_jr">20-22点</option>
                            <option value="11" class="n_jr">上午</option>
                            <option value="17" class="n_jr">下午</option>
                            <option value="19" class="n_jr">晚上</option>
                            <option value="23" class="n_jr">全天配送</option>
                        </select>

                    </div>
                    <div class="times" style="display: none;">
                        <select name="time_hour" class="times-b contorl-select">
                        </select>
                        <span class="times-t">时</span>
                        <select name="time_minutes" class="times-b contorl-select">
                        </select>
                        <span class="times-t">分</span>
                        <span style="color:#C70007;margin-left:10px;">定时服务+30元，误差±20分钟。</span>
                    </div>

                </div>

            </div>
            <div class="ck-step checkout card_message">
                <div class="ck-step-tit" style="padding: 20px 0 1.5rem">
                    <h3>贺卡留言+署名</h3></div>
                <div class="ck-step-cont">
                    <textarea class="form-control" name="card_message" id="words" rows="5" placeholder="贺卡留言+署名"
                              maxlength="200"></textarea>
                    <div class="msg">
                        <div class="tits">

                            <span class="tits-b" style="display: none;" start="12-01" end="12-31"
                                  cardtype="2">圣诞节</span>


                            <span class="tits-b" style="display: none;" start="11-20" end="11-23"
                                  cardtype="2">感恩节</span>


                            <span class="tits-b tits-b-act" start="" end="" cardtype="1">送恋人</span>


                            <span class="tits-b" start="" end="" cardtype="1">送朋友</span>


                            <span class="tits-b" start="" end="" cardtype="1">送长辈</span>


                            <span class="tits-b" start="" end="" cardtype="1">送花篮</span>


                        </div>
                        <div class="msg-block">

                            <ul style="">
                                <li data-content="圣诞临近百花香，一香送你摇钱树，二香送你贵人扶，三香送你心情好，四香送你没烦恼。五香送你钱满箱。六香送你永健康！">
                                    1.圣诞临近百花香，一香送你摇钱树，二香送你贵人扶，三香送你心情好，四香送你没烦恼。五香送你钱满箱。六香送你永健康！
                                </li>
                                <li data-content="我向圣诞老人许了愿，我希望不管你的脚多臭，在明早当你穿起袜子时，等收到我托圣诞老人带给你的满满的祝福，暖暖你的心和脚丫子。">
                                    2.我向圣诞老人许了愿，我希望不管你的脚多臭，在明早当你穿起袜子时，等收到我托圣诞老人带给你的满满的祝福，暖暖你的心和脚丫子。
                                </li>

                            </ul>
                            <ul style="display: none;">
                                <li data-content="人生如戏，感谢你陪我在一起走过这舞台；岁月如梦，感谢你陪我在这梦境创造无限精彩。感恩节快到了，真心说一句：人生有你，真好;一路相随，谢谢。">
                                    1.人生如戏，感谢你陪我在一起走过这舞台；岁月如梦，感谢你陪我在这梦境创造无限精彩。感恩节快到了，真心说一句：人生有你，真好;一路相随，谢谢。
                                </li>
                                <li data-content="你的灿烂笑容长留我心中，你的亲切话语永伴我左右，你的热情激励鼓舞我前行，你的真诚帮助温暖我心房，在这感恩节来临之际，真诚的对你说声：谢谢。">
                                    2.你的灿烂笑容长留我心中，你的亲切话语永伴我左右，你的热情激励鼓舞我前行，你的真诚帮助温暖我心房，在这感恩节来临之际，真诚的对你说声：谢谢。
                                </li>
                                <li data-content="问候如诗充满关怀，感激似歌饱含精彩，愿我在这感恩的日子里，送给你最甜蜜的打扰，愿你在这特殊的日子里有份美丽的心情。感恩节快乐！">
                                    3.问候如诗充满关怀，感激似歌饱含精彩，愿我在这感恩的日子里，送给你最甜蜜的打扰，愿你在这特殊的日子里有份美丽的心情。感恩节快乐！
                                </li>
                                <li data-content="把心意折成美丽的蝴蝶，它能停落在您的枕边，替我捎去最真挚的祝福。但愿黎明您醒来的那一瞬间，它将平安、快乐、幸福全都留在您的身边。祝福您感恩节快乐！">
                                    4.把心意折成美丽的蝴蝶，它能停落在您的枕边，替我捎去最真挚的祝福。但愿黎明您醒来的那一瞬间，它将平安、快乐、幸福全都留在您的身边。祝福您感恩节快乐！
                                </li>
                                <li data-content="爸爸妈妈，今天是感恩节，我最需要感谢的人就是您们，谢谢您们给了我生命，并教导我成长！">
                                    5.爸爸妈妈，今天是感恩节，我最需要感谢的人就是您们，谢谢您们给了我生命，并教导我成长！
                                </li>
                                <li data-content="感恩节，爸爸妈妈，真心想对你说谢谢你，带给我的生命，快乐和幸福。">
                                    6.感恩节，爸爸妈妈，真心想对你说谢谢你，带给我的生命，快乐和幸福。
                                </li>
                                <li data-content="亲爱的老爸，我知道你工作压力很大，但为了家庭能够正常运转，你还是忍受这一切，默默赚钱养家，真的很感激你。">
                                    7.亲爱的老爸，我知道你工作压力很大，但为了家庭能够正常运转，你还是忍受这一切，默默赚钱养家，真的很感激你。
                                </li>
                                <li data-content="有许多人、许多事，经历了转身便会忘记，但在我们的心灵深处永远不会忘记我们的母亲，永远不会因为岁月的流逝而消减我们对母亲那深深的爱。">
                                    8.有许多人、许多事，经历了转身便会忘记，但在我们的心灵深处永远不会忘记我们的母亲，永远不会因为岁月的流逝而消减我们对母亲那深深的爱。
                                </li>

                            </ul>
                            <ul style="display: none;">
                                <li data-content="我多么希望，有一个门口，早晨，阳光照在草上，我们站着，扶着自己的门扇，门很低，但太阳是明亮的。草在结它的种子，风在摇它的叶子，我们站着，不说话，就十分美好。">
                                    1.我多么希望，有一个门口，早晨，阳光照在草上，我们站着，扶着自己的门扇，门很低，但太阳是明亮的。草在结它的种子，风在摇它的叶子，我们站着，不说话，就十分美好。
                                </li>
                                <li data-content="女王大人！原谅我吧！我知道我错了，你若不能原谅我的话，那就不断的打电话骂我吧！我愿意被你骂到老！">
                                    2.女王大人！原谅我吧！我知道我错了，你若不能原谅我的话，那就不断的打电话骂我吧！我愿意被你骂到老！
                                </li>
                                <li data-content="即使我五音不全，可还是想为你唱一万首情歌……">
                                    3.即使我五音不全，可还是想为你唱一万首情歌……
                                </li>
                                <li data-content="爱你是我一生无悔的决定，漫天星星都是我注视你的眼睛。无论结局如何，我都知道：此生最爱是你！">
                                    4.爱你是我一生无悔的决定，漫天星星都是我注视你的眼睛。无论结局如何，我都知道：此生最爱是你！
                                </li>
                                <li data-content="时间会慢慢地让你了解，一个外表很冷漠又很怕羞的人，他的心却充满了对你的爱。">
                                    5.时间会慢慢地让你了解，一个外表很冷漠又很怕羞的人，他的心却充满了对你的爱。
                                </li>
                                <li data-content="遇到你我感到很幸福，但是我不能成为世界上最幸福的人，因为我们在一起，我要让你成为世界上最幸福的人。">
                                    6.遇到你我感到很幸福，但是我不能成为世界上最幸福的人，因为我们在一起，我要让你成为世界上最幸福的人。
                                </li>
                                <li data-content="有些情感，无需多么华美，只是简单的遇见，简单的想念，哪怕它只是简单到：拉着你的手，迎着风走！">
                                    7.有些情感，无需多么华美，只是简单的遇见，简单的想念，哪怕它只是简单到：拉着你的手，迎着风走！
                                </li>
                                <li data-content="我想和你虚度时光，比如低头看鱼，比如把茶杯留在桌子上离开，浪费它们好看的阴影，我还想连落日一起浪费，比如散步，一直消磨到星光满天……">
                                    8.我想和你虚度时光，比如低头看鱼，比如把茶杯留在桌子上离开，浪费它们好看的阴影，我还想连落日一起浪费，比如散步，一直消磨到星光满天……
                                </li>
                                <li data-content="不要因为也许会改变，就不肯说那句美丽的誓言；不要因为也许会分离，就不敢求一次倾心的相遇。">
                                    9.不要因为也许会改变，就不肯说那句美丽的誓言；不要因为也许会分离，就不敢求一次倾心的相遇。
                                </li>
                                <li data-content="我从灵魂深处爱你，我愿把生命交给你，由你接受多少就多少，现在是这样，以后也决不变更！">
                                    10.我从灵魂深处爱你，我愿把生命交给你，由你接受多少就多少，现在是这样，以后也决不变更！
                                </li>

                            </ul>
                            <ul style="display: none;">
                                <li data-content="生日快乐么么哒，恭祝兄弟仙福永享寿与天齐。">
                                    1.生日快乐么么哒，恭祝兄弟仙福永享寿与天齐。
                                </li>
                                <li data-content="用友谊，为你披一件健康的衣裳防寒；用真诚，为你送一份吉祥的关怀送暖；用提醒，为你定一条如意的短信保安。朋友祝你健康缠绵，顺利无边，吉祥常伴！">
                                    2.用友谊，为你披一件健康的衣裳防寒；用真诚，为你送一份吉祥的关怀送暖；用提醒，为你定一条如意的短信保安。朋友祝你健康缠绵，顺利无边，吉祥常伴！
                                </li>
                                <li data-content="朋友是一颗心住在两个人的心房里">
                                    3.朋友是一颗心住在两个人的心房里
                                </li>
                                <li data-content="不管世界尽头多寂寞，你的身边一定有我">
                                    4.不管世界尽头多寂寞，你的身边一定有我
                                </li>
                                <li data-content="无私无邪无猜无疑的友情无价，你是我买不到的奢华">
                                    5.无私无邪无猜无疑的友情无价，你是我买不到的奢华
                                </li>
                                <li data-content="所有人都说我很坚强，只有你劝我别逞强">
                                    6.所有人都说我很坚强，只有你劝我别逞强
                                </li>
                                <li data-content="不求同年同月同日生，但求同年同月同日疯">
                                    7.不求同年同月同日生，但求同年同月同日疯
                                </li>
                                <li data-content="有些情感，无需多么华美，只是简单的遇见，简单的想念，哪怕它只是简单到：拉着你的手，迎着风走！">
                                    8.有些情感，无需多么华美，只是简单的遇见，简单的想念，哪怕它只是简单到：拉着你的手，迎着风走！
                                </li>
                                <li data-content="这些日子你过得还好吗？也许忙碌改变了我们的生活，但我永远珍惜我们的情谊。">
                                    9.这些日子你过得还好吗？也许忙碌改变了我们的生活，但我永远珍惜我们的情谊。
                                </li>
                                <li data-content="一切的不顺心都是纸老虎！希望你开心！">
                                    10.一切的不顺心都是纸老虎！希望你开心！
                                </li>

                            </ul>
                            <ul style="display: none;">
                                <li data-content="您是经霜的枫树老更红历尽悲欢，愈显得襟怀坦荡。衷心祝愿您生命之树常青！">
                                    1.您是经霜的枫树老更红历尽悲欢，愈显得襟怀坦荡。衷心祝愿您生命之树常青！
                                </li>
                                <li data-content="寿比南山不老松，松古长春朝朝永生。祝您生辰快乐！健康幸福！">
                                    2.寿比南山不老松，松古长春朝朝永生。祝您生辰快乐！健康幸福！
                                </li>
                                <li data-content="一斤花生二斤枣，好运经常跟您跑；三斤苹果四斤梨，吉祥和您不分离；五斤桔子六斤蕉，财源滚进您腰包；七斤葡萄八斤橙，愿您心想事就成；九斤芒果十斤瓜，愿您天天乐开花。">
                                    3.一斤花生二斤枣，好运经常跟您跑；三斤苹果四斤梨，吉祥和您不分离；五斤桔子六斤蕉，财源滚进您腰包；七斤葡萄八斤橙，愿您心想事就成；九斤芒果十斤瓜，愿您天天乐开花。
                                </li>
                                <li data-content="这一季有我最深的思念就让花儿捎去满心的祝福，缀满您甜蜜的梦境，祝您健康快乐！">
                                    4.这一季有我最深的思念就让花儿捎去满心的祝福，缀满您甜蜜的梦境，祝您健康快乐！
                                </li>
                                <li data-content="祝愿您长寿健康。这一季的花开得格外娇艳，您可知，那是因为我用情感在浇灌只等您的生日赠与您，愿您喜欢。">
                                    5.祝愿您长寿健康。这一季的花开得格外娇艳，您可知，那是因为我用情感在浇灌只等您的生日赠与您，愿您喜欢。
                                </li>
                                <li data-content="这一刻有我最深的思念。让云捎去满心的祝福，点缀您甜蜜的梦。愿您拥有一个幸福快乐的新年！">
                                    6.这一刻有我最深的思念。让云捎去满心的祝福，点缀您甜蜜的梦。愿您拥有一个幸福快乐的新年！
                                </li>
                                <li data-content="天给您温暖，地给您温馨，我给您祝福。祝您运气像雨点一样密集！烦恼像流云一样飞去，忧愁像恐龙一样灭绝，幸福像蜂蜜一样甜美。">
                                    7.天给您温暖，地给您温馨，我给您祝福。祝您运气像雨点一样密集！烦恼像流云一样飞去，忧愁像恐龙一样灭绝，幸福像蜂蜜一样甜美。
                                </li>
                                <li data-content="如果我有一棵快乐草，我想将它给您，我希望您快乐；如果我有两棵，我会给您一棵我一棵，希望我们都快乐；如果有三棵，我会给您两棵，希望您比我快乐！">
                                    8.如果我有一棵快乐草，我想将它给您，我希望您快乐；如果我有两棵，我会给您一棵我一棵，希望我们都快乐；如果有三棵，我会给您两棵，希望您比我快乐！
                                </li>
                                <li data-content="吉祥如意、富贵安康；让美丽的朝霞、彩霞、晚霞一起飞进您的生活，这就是我的祈愿！">
                                    9.吉祥如意、富贵安康；让美丽的朝霞、彩霞、晚霞一起飞进您的生活，这就是我的祈愿！
                                </li>
                                <li data-content="亲爱的妈妈，我也想嫁出去，只是没遇到对的人。但我保证会过得很好，你别担心。你和爸爸身体健康才是我最幸福的事情。多出去走走，看看这个世界。">
                                    10.亲爱的妈妈，我也想嫁出去，只是没遇到对的人。但我保证会过得很好，你别担心。你和爸爸身体健康才是我最幸福的事情。多出去走走，看看这个世界。
                                </li>

                            </ul>
                            <ul style="display: none;">
                                <li data-content="恒心有恒业，隆德享隆名。">
                                    1.恒心有恒业，隆德享隆名。
                                </li>
                                <li data-content="财源通四海，生意畅三春。">
                                    2.财源通四海，生意畅三春。
                                </li>
                                <li data-content="生意似春笋，财源如春潮。">
                                    3.生意似春笋，财源如春潮。
                                </li>
                                <li data-content="大展宏图，开业大吉。">
                                    4.大展宏图，开业大吉。
                                </li>
                                <li data-content="敬贺开张，并祝吉祥。">
                                    5.敬贺开张，并祝吉祥。
                                </li>
                                <li data-content="吉祥开业，大富启源。">
                                    6.吉祥开业，大富启源。
                                </li>
                                <li data-content="一门瑞气，万里和风。">
                                    7.一门瑞气，万里和风。
                                </li>
                                <li data-content="鸿基始创，骏业日新。">
                                    8.鸿基始创，骏业日新。
                                </li>
                                <li data-content="宏图大展，裕业有孚。">
                                    9.宏图大展，裕业有孚。
                                </li>
                                <li data-content="生意兴隆，恭喜发财。">
                                    10.生意兴隆，恭喜发财。
                                </li>

                            </ul>


                        </div>
                    </div>
                </div>
            </div>


            <div class="ck-step checkout">
                <div class="ck-step-tit" style="padding: 20px 0 1.5rem">
                    <h3>支付方式</h3></div>
                <div class="ck-step-cont">
                    <div class="payment-warp">
                        <div class="payment-list" ectype="paymentType">
                            <div class="p-radio-item payment-item item-selected" data-payment="1">

                                <img class="icon_payment_code" src="/static/img/alipay.jpg">
                                <b>
                                </b>

                            </div>
                            <div class="p-radio-item payment-item" data-payment="2">
                                <img src="/static/img/wxpay.jpg" class="icon_payment_code">
                                <b>
                                </b>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="ck-step">
                <div class="ck-step-tit" style="padding: 20px 0 1.5rem">
                    <h3>商品信息</h3>
                    <a href="/cart/cart.html" class="extra-r">返回购物车</a>
                </div>
                <div class="ck-step-cont">
                    <div class="ck-goods-warp" id="goods_inventory">
                        <div class="ck-goods-list">
                            <div class="ck-goods-item" ectype="shoppingList">

                                <div class="ck-goods-cont" id="cart_goods_list" th:each="item : ${orderDetail.cartVo.items}">
                                    <div class="cg-item last">
                                        <div class="c-col cg-name">
                                            <a th:href="'https://localhost:8099/goods/detail?id='+${item.productId}"  target="_blank">
                                                <div class="p-img"><img th:src="${item.picture}"
                                                                        width="48" height="48"></div>
                                                <div class="p-info">
                                                    <div class="p-name">[[${item.productName}]]</div>
                                                    <div class="p-attr"></div>
                                                </div>
                                            </a></div>
                                        <div class="c-col cg-price"><span class="fr cl">￥[[${#numbers.formatDecimal(item.price,1,2)}]]</span></div>
                                        <div class="c-col cg-number">x[[${item.count}]]</div>
                                        <div class="c-col cg-state"><span>有货
                                            <!--<input name="rec_number" id="5" value="0" type="hidden">
                                            <input name="shipping_prompt" id="5" value="0" type="hidden">--></span>
                                        </div>
                                        <div class="c-col cg-sum">￥[[${#numbers.formatDecimal(item.totalPrice,1,2)}]]</div>
                                        <div class="cg-item-line"></div>
                                        <i class="dian"></i>
                                    </div>
                                </div>



                            </div>
                        </div>
                    </div>


                    <div class="ck-order-remark">
                        <input name="postscript" id="remarkText" maxlength="45" size="15" class="text"
                               placeholder="订单备注 限60个字" autocomplete="off" style="color: rgb(102, 102, 102);"
                               type="text">
                        <span class="prompt">提示：请勿填写有关支付、收货等信息</span></div>
                </div>
            </div>

            <!--<div class="ck-step">
              <div class="ck-step-tit ck-toggle ck-toggle-off btn_bouns_show" style="padding: 20px 0 1.5rem" ectype="ck-toggle">
                <h3>我的优惠券</h3>
                <i class="iconfont icon-down"></i>

              </div>
              <div class="ck-step-cont bouns_row" style="display: none;">
               	               	<input id="bonus_sn" style="width:112px;float:left;margin-right:20px;" class="text" placeholder="请输入优惠券代码" value="" type="text">
               	               	<span class="btn_validate_bouns">验证优惠券</span>

               </div>
            </div>-->
        </div>
        <div class="cart_order_all">
            <div id="order_flow">
                <div id="ECS_ORDERTOTAL">
                    <table width="100%" border="0" align="center" cellspacing="0" cellpadding="5">

                        <tbody>
                        <tr>
                            <td>
                                <div class="reminder_b"></div>
                                <input type="hidden" class="is_give_district" value="">
                                商品总价 : <font class="salePrice_big">￥[[${#numbers.formatDecimal(orderDetail.cartVo.totalAmount,1,2)}]]</font>


                            </td>
                        </tr>
                        <tr>
                            <td align="right" bgcolor="#ffffff"> 应付款金额: <font class="salePrice_big" style="width: 130px">￥[[${#numbers.formatDecimal(orderDetail.cartVo.totalAmount,1,2)}]]</font>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <input type="text" value="" id="delivery_time" style="display: none">
            <div class="checkout-foot">
                <input name="goods_flow_type" value="101" type="hidden">
                <input name="rec_number_str" value="" type="hidden">
                <input name="shipping_prompt_str" value="" type="hidden">
                <input id="store_id" name="store_id" value="0" type="hidden">
                <input id="store_seller" value="" name="store_seller" type="hidden">
                <input value="0" name="warehouse_id" type="hidden">
                <input value="0" name="area_id" type="hidden">
                <div class="btn-area">
                    <input class="submit-btn" value="提交订单" type="button" id="submit-btn"></div>
                <div class="d-address"></div>
            </div>
            <script type="text/javascript">/* Code removed by ScrapBook */
            </script>
        </div>
    </div>

</div>

<div id="new_address" class="pb" style="display:none;">
    <input class="form-input" value="" maxlength="20" name="address_id" type="hidden">
    <div class="cboxContent">

        <div class="pb-bd">
            <div class="pb-ct" style="">
                <div class="user-form foreg-form">

                    <div class="form-row">
                        <div class="form-label">
                            <span class="red">*</span>收货人姓名：
                        </div>
                        <div class="form-value">
                            <input class="form-input" value="" maxlength="20" name="consignee" type="text">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-label">
                            <span class="red">*</span>收货人手机号：
                        </div>
                        <div class="form-value">
                            <input class="form-input" maxlength="11" name="tel" value="" type="text">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-label form-label-lh">
                            <span class="red">*</span>所在地区：
                        </div>
                        <div class="form-value" ectype="regionLinkage">
                            <select name="province" onchange="select_province_change()"
                                    style="border:1px solid #ccc;height:28px;">
                                <option value="">请选择省</option>
                                <option value="2">北京</option>
                                <option value="3">天津</option>
                                <option value="4">河北省</option>
                                <option value="5">山西省</option>
                                <option value="6">内蒙古</option>
                                <option value="7">辽宁省</option>
                                <option value="8">吉林省</option>
                                <option value="9">黑龙江省</option>
                                <option value="10">上海</option>
                                <option value="11">江苏省</option>
                                <option value="12">浙江省</option>
                                <option value="13">安徽省</option>
                                <option value="14">福建省</option>
                                <option value="15">江西省</option>
                                <option value="16">山东省</option>
                                <option value="17">河南省</option>
                                <option value="18">湖北省</option>
                                <option value="19">湖南省</option>
                                <option value="20">广东省</option>
                                <option value="21">广西省</option>
                                <option value="22">海南省</option>
                                <option value="23">重庆</option>
                                <option value="24">四川省</option>
                                <option value="25">贵州省</option>
                                <option value="26">云南省</option>
                                <option value="27">西藏</option>
                                <option value="28">陕西省</option>
                                <option value="29">甘肃省</option>
                                <option value="30">青海省</option>
                                <option value="31">宁夏</option>
                                <option value="32">新疆</option>
                                <option value="33">台湾</option>
                                <option value="34">香港特别行政区</option>
                                <option value="35">澳门特别行政区</option>
                                <option value="36">海外</option>
                            </select>
                            <select name="city" onchange="select_city_change()"
                                    style="border:1px solid #ccc;height:28px;">
                                <option value="">请选择市</option>

                            </select>
                            <select name="district" onchange="select_district_change()"
                                    style="border:1px solid #ccc;height:28px;width:132px;">
                                <option value="">请选择区</option>

                            </select>
                            <div class="reminder_a">
                            </div>
                        </div>
                    </div>


                    <div class="form-row">
                        <div class="form-label">
                            <span class="red">*</span>详细街道地址：
                        </div>
                        <div class="form-value">
                            <input class="form-input form-input-long" name="address" value="" type="text">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-label">
                            <span class="red">*</span>订购人姓名：
                        </div>
                        <div class="form-value">
                            <input class="form-input" value="" maxlength="20" name="buyer_name" type="text">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-label">
                            <span class="red">*</span>订购人手机号：
                        </div>
                        <div class="form-value">
                            <input class="form-input" maxlength="11" name="buyer_tel" value="" type="text">
                        </div>
                    </div>
                </div>
            </div>
            <div class="tip-box icon-box">
                <div class="pb-ft">
                    <a class="pb-btn pb-ok" onclick="save_addr()">保存</a>
                    <a class="pb-btn pb-cl" onclick="close_addr()">取消</a></div>
            </div>
        </div>
    </div>
</div>
<script src="/static/css/assets/jeDate.js"></script>
<script type="text/javascript" src="/static/css/assets/spinner.min.js"></script>
<!--<script type="text/javascript" src="/static/css/assets/tipped.js"></script>-->

<link rel="stylesheet" type="text/css" href="/static/css/assets/tipped.css">
<script>
    $page_address_id = '';
    $page_city_id = '0';
    $page_district_id = '0';
    //当前日期
    $page_now_date = "2022-05-26";
    $page_cur_hour = "08";
    $page_cur_minite = "46";

    $(function () {
        //初始化
        page_init();
        //新增收货地址
        $('.add-new-address').click(function () {
            console.log("******");
            layer.open({
                type: 1,
                title: '新增收货人地址',
                anim: 0,
                skin: 'layui-layer-rim', //加上边框
                area: ['970px'], //宽高
                content: '<div id="form_new_address">' + $('#new_address').html() + '</div>'
            });
            $form = $('#form_new_address');
            $(".reminder_a").text('');
            $form.find('input[name="address_id"]').val('');
            if (province_id !== "0") {
                select_province_change();
                select_city_change();
            }

        });
        //加载地址
//	get_address_list();
        //默认配送地址
        var province_id = "0";


        //编辑收货地址
        $('body').delegate('.btn_address_edit', 'click', function () {
            $address_id = $(this).parents('.address-item').data('address_id');
            layer.open({
                type: 1,
                title: '编辑收货人地址',
                anim: 0,
                skin: 'layui-layer-rim', //加上边框
                area: ['970px'], //宽高
                content: '<div id="form_new_address">' + $('#new_address').html() + '</div>'
            });
            $form = $('#form_new_address');
            get_ajax("address.php?act=get_address_info", {address_id: $address_id}, function (data) {
                $json = $.parseJSON(data);
                if ($json['error'] === 0) {
                    $(".reminder_a").text('');
                    $address_info = $json['address_info'];
                    $form.find('input[name="consignee"]').val($address_info['consignee']);
                    $form.find('input[name="tel"]').val($address_info['tel']);
                    $form.find('select[name="province"]').val($address_info['province']);
                    $page_city_id = $address_info['city'];
                    select_province_change();
                    $page_district_id = $address_info['district'];
                    select_city_change();
                    $form.find('select[name="city"]').val($address_info['city']);
                    $form.find('select[name="district"]').val($address_info['district']);
                    $form.find('input[name="address"]').val($address_info['address']);
                    $form.find('input[name="buyer_name"]').val($address_info['buyer_name']);
                    $form.find('input[name="buyer_tel"]').val($address_info['buyer_tel']);
                    $form.find('input[name="address_id"]').val($address_id);
                    select_district_change()

                } else {
                    common_alert($json['msg']);
                }
            });
            $form.find('input[name="consignee"]').val();
        });
        //删除收货地址
        $('body').delegate('.btn_address_delete', 'click', function () {
            $address_id = $(this).parents('.address-item').data('address_id');
            common_confirm("您确定要删除该收货人地址吗？", ['确定', '取消'], function () {
                get_ajax("address.php?act=del_address", {address_id: $address_id}, function (data) {
                    $json = $.parseJSON(data);
                    if ($json['error'] === 0) {
                        get_address_list();
                    } else {
                        common_alert($json['msg']);
                    }
                    layer.closeAll();
                });
            });
        });
        //选择收货地址
        $('body').delegate('.address-item', 'click', function () {
            $('.address-item').removeClass('cs-selected');
            $(this).addClass('cs-selected');
            $address = $('#consignee-addr .cs-selected');
            show_reminder($address.data('district'));
            calc_order_flow();
        });


        //配送日期
            jeDate({
            dateCell: "#send-date",
            format: "YYYY-MM-DD",
            isinitVal: true,
            isTime: false, //isClear:false,
            minDate: $page_now_date,
            choosefun: function (val) {
                $("#delivery_time").val(val);
                //获取购物车数据
                /*get_cart_list_by_delivery_date(val);*/
                //alert($('#send-date').val());
                //console.log(,val)
                //定时具体时间点显示
                $('select[name="time_hour"]').html('<option value="">请选择</option>');
                $('select[name="time_minutes"]').html('<option value="">请选择</option>');
                if (val === $page_now_date) {
                    for ($i = 8; $i <= 22; $i++) {
                        $hour = $i < 10 ? "0" + $i : $i;
                        if ($i - 1 > $page_cur_hour) {
                            $('<option value="' + $hour + '">' + $hour + '</option>').appendTo('select[name="time_hour"]');
                        }
                    }
                    //其他时间段具体时间点显示
                    $('select[name="times_range"]').html('<option value="">请选择</option>');
                    for ($i = 0; $i < $('select[name="times_range_temp"] option').length; $i++) {
                        $hour = $('select[name="times_range_temp"] option').eq($i).attr('value');
                        $value = $('select[name="times_range_temp"] option').eq($i).text();
                        $hour = parseInt($hour);
                        if ($hour > $page_cur_hour) {
                            $('<option value="' + $value + '">' + $value + '</option>').appendTo('select[name="times_range"]');
                        }
                    }
                } else {
                    for ($i = 8; $i <= 22; $i++) {
                        $hour = $i < 10 ? "0" + $i : $i;
                        $('<option value="' + $hour + '">' + $hour + '</option>').appendTo('select[name="time_hour"]');
                    }
                    //其他时间段具体时间点显示
                    $('select[name="times_range"]').html('<option value="">请选择</option>');
                    for ($i = 0; $i < $('select[name="times_range_temp"] option').length; $i++) {
                        $hour = $('select[name="times_range_temp"] option').eq($i).attr('value');
                        $value = $('select[name="times_range_temp"] option').eq($i).text();
                        $('<option value="' + $value + '">' + $value + '</option>').appendTo('select[name="times_range"]');

                    }
                }
                for ($i = 0; $i <= 50; $i += 10) {
                    $minutes = $i < 10 ? "0" + $i : $i;
                    $('<option value="' + $minutes + '">' + $minutes + '</option>').appendTo('select[name="time_minutes"]');
                }

                //选择日期 重置贺卡选择
                $choicedate = val.split("-");
                get_greeting_card($choicedate[1] + '-' + $choicedate[2]);

            },
            okfun: function (val) {
                $('#send-date').val(val);

            }
        });

        //时间比较
        function CompareDate(d1, d2) {
            return ((new Date(d1.replace(/-/g, "\/"))) >= (new Date(d2.replace(/-/g, "\/"))));
        }

        $nodate = $page_now_date.split("-");
        get_greeting_card($nodate[1] + '-' + $nodate[2]);


        //贺卡内容
        function get_greeting_card(val) {
            var card_fg = 1;
            $(".msg-block").children('ul').hide();
            $(".msg .tits span").each(function (i) {

                var cardtype = $(this).attr('cardtype');
                if (cardtype === 2) {
                    var start = $(this).attr('start');
                    var end = $(this).attr('end');
                    if (CompareDate(val, start) && CompareDate(end, val)) {
                        $(this).show();
                    } else {
                        $(this).hide();
                    }
                }
                var display = $(this).css('display');
                if (display === 'none') {

                } else {
                    if (card_fg === 1) {
                        $(".msg .tits span").removeClass("tits-b-act");
                        $(this).addClass("tits-b-act");
                        var index = $(this).index();
                        $($(".msg-block").children('ul').get(index)).show();
                    }
                    card_fg++;
                }
            })

        }


        //选择配送时段
        $('.delivery .p-radio-item').click(function () {
            $best_timer = $.trim($('#send-date').val());
            if ($best_timer === '') {
                common_tip("请先选择配送日期", $('#send-date'));
                return false;
            }
            $('.delivery .p-radio-item').removeClass('item-selected');

            $('.times').hide();
            $('.times_range').hide();
            $text = $.trim($(this).text());
            if ($text === '定时') {
                $('.times').show();
            } else if ($text === '时段') {

                $('.times_range').show();
            }
            $(this).addClass('item-selected');
            calc_order_flow();
        });
        $('#send-date').val('');
        //贺卡类别切换
        $('.tits .tits-b').click(function () {
            var titIndex = $(this).index();
            $('.tits .tits-b').removeClass('tits-b-act');
            $(this).addClass('tits-b-act');
            // 显示相应的祝福语
            $('.msg-block ul').hide();
            $('.msg-block ul:eq(' + titIndex + ')').show();
        });
        // 选择贺卡
        $('.msg-block ul li').click(function () {
            var content = $(this).attr('data-content');
            $('textarea[name="card_message"]').val(content);
        });
        /*$('.msg-block ul li').hover(function () {
            Tipped.create($(this), '<div style="width:400px;">' + $(this).attr('data-content') + '</div>', {
                skin: 'gray',
                hook: 'bottomright'
            });
        });*/

        //支付方式切换
        $('.payment-list .p-radio-item').click(function () {
            $('.payment-list .p-radio-item').removeClass('item-selected');
            $(this).addClass('item-selected');
        });
        //优惠券显示隐藏
        $('.btn_bouns_show').click(function () {
            $('.bouns_row').toggle(500, function () {
                if ($('.btn_bouns_show .iconfont').hasClass('icon-up')) {
                    $('.btn_bouns_show .iconfont').removeClass('icon-up');
                } else {
                    $('.btn_bouns_show .iconfont').addClass('icon-up');
                }
            });
        });
        //优惠券下拉项切换
        $('select[name="bonus_list"]').change(function () {
            $val = $.trim($(this).val());
            if ($val == '0') {
                $('#bonus_sn').show();
            } else {
                $('#bonus_sn').hide();
            }
            $('#bonus_sn').val('');
        });
        $use_no_bonus_count = 0;
        //验证优惠券
        $('.btn_validate_bouns').click(function () {
            //如果已登录且有优惠券，就从下拉框里面读取
            if ($use_no_bonus_count > 0 && $('select[name="bonus_list"]').val() != '0') {
                $('#bonus_sn').val($.trim($('select[name="bonus_list"]').val()));
            }
            $bonus_sn = $.trim($('#bonus_sn').val());
            if ($bonus_sn == '') {
                common_tip("请输入优惠券代码", $('#bonus_sn'));
                return false;
            }
            $address = $('#consignee-addr .cs-selected');
            post_ajax("/flow.php?step=validate_bonus", {
                act: "add",
                bonus_sn: $bonus_sn,
                district: $address.data('district')
            }, function (data) {
                $json = $.parseJSON(data);
                if ($json['error'] != '') {
                    common_alert($json['error']);
                    return false;
                }
                common_success("优惠券验证成功！");
                $form = $('#form_order');
                $form.find('input[name="bonus_sn"]').val($bonus_sn);

                //calc_order_flow();
                $('#order_flow').html($json['content']);
            });
        });
        //提交订单
        /*$('.submit-btn').click(function () {
            $form = $('#form_order');
            $address = $('#consignee-addr .cs-selected');
            $form.find('input[name="consignee"]').val($address.data('consignee'));
            $form.find('input[name="tel"]').val($address.data('tel'));
            $form.find('input[name="province"]').val($address.data('province'));
            $form.find('input[name="city"]').val($address.data('city'));
            $form.find('input[name="district"]').val($address.data('district'));
            $form.find('input[name="address"]').val($address.data('address'));
            $form.find('input[name="buyer_name"]').val($address.data('buyer_name'));
            $form.find('input[name="buyer_phone"]').val($address.data('buyer_tel'));
            $form.find('input[name="best_timer"]').val($.trim($('#send-date').val()));
            if ($('#sale_emp_id_box input[name="sale_emp_id"]:checked').length > 0) {
                $form.find('input[name="sale_emp_id"]').val($('#sale_emp_id_box input[name="sale_emp_id"]:checked').val());
            }
            $delivery_timer = $('#delivery_timer_row .item-selected').data('delivery_time');
            if ($('#btn_timing').hasClass('item-selected')) {

                if ($('select[name="time_hour"]').val() == '') {
                    $('html,body').animate({scrollTop: $('#delivery_timer_row').offset().top - 60}, 'slow');
                    common_tip("请选择定时配送的小时段", $('select[name="time_hour"]'));
                    return false;
                } else if ($('select[name="time_minutes"]').val() == '') {
                    $('html,body').animate({scrollTop: $('#delivery_timer_row').offset().top - 60}, 'slow');
                    common_tip("请选择定时配送的分钟段", $('select[name="time_minutes"]'));
                    return false;
                }
                $form.find('input[name="time_hour"]').val($('select[name="time_hour"]').val());
                $form.find('input[name="time_minutes"]').val($('select[name="time_minutes"]').val());
                $form.find('input[name="dsfwf"]').val('1');
            } else if ($delivery_timer == '时段') {
                if ($('select[name="times_range"]').val() == '') {
                    $('html,body').animate({scrollTop: $('#delivery_timer_row').offset().top - 60}, 'slow');
                    common_tip("请选择时段", $('select[name="times_range"]'));
                    return false;
                }
                $form.find('input[name="times_range"]').val($('select[name="times_range"]').val());
                $form.find('input[name="time_hour"]').val('0');
                $form.find('input[name="time_minutes"]').val('0');
                $form.find('input[name="dsfwf"]').val('0');
            } else {
                $form.find('input[name="time_hour"]').val('0');
                $form.find('input[name="time_minutes"]').val('0');
                $form.find('input[name="dsfwf"]').val('0');
            }
            $form.find('input[name="bast_time_info"]').val($delivery_timer);
            $form.find('input[name="shippingfee"]').val($('.shippingfee .item-selected').data('shippingfee'));
            $form.find('input[name="words"]').val($.trim($('#words').val()));
            $form.find('input[name="postscript"]').val($.trim($('#remarkText').val()));
            $form.find('input[name="payment"]').val($('.payment-list .item-selected').data('payment'));
            if ($address.length == 0) {
                common_alert("对不起，收货人信息不能为空！");
                $('html,body').animate({scrollTop: $('#consignee_list').offset().top + 10}, 'slow');
                return false;
            }
            if ($.trim($form.find('input[name="best_timer"]').val()) == '') {
                common_alert("对不起，配送日期不能为空！");
                $('html,body').animate({scrollTop: $('.delivery').offset().top + 10}, 'slow');
                return false;
            }

            var oDate1 = new Date($page_now_date);
            var oDate2 = new Date($.trim($form.find('input[name="best_timer"]').val()));
            if (oDate1.getTime() > oDate2.getTime()) {
                common_alert("对不起，当天不能配送！");
                $('html,body').animate({scrollTop: $('.delivery').offset().top + 10}, 'slow');
                return false;
            }
            $form.submit();

            /!*
             var rec_ids = $(".order_id_string").val();
             屏蔽限购地区---19-1-29
             post_ajax("/get_ajax.php",{act:"is_support_address",rec_ids:rec_ids,district:$address.data('district')},function(data){
                 $json=$.parseJSON(data);
                 if($json['error']==0){
                     $form.submit();
                 }else{
                  common_alert("该款商品不能配送至你选择的地区！");
                  $('html,body').animate({scrollTop:$('#consignee_list').offset().top+10},'slow');
                 }

             });*!/


        });*/
        //获取购物车数据
        /*get_cart_list_by_delivery_date('');*/
    });


    //页面初始化
    function page_init() {
        //其他时间段具体时间点显示
        $('select[name="times_range"]').html('<option value="">请选择</option>');
        for ($i = 0; $i < $('select[name="times_range_temp"] option').length; $i++) {

            $hour = $('select[name="times_range_temp"] option').eq($i).attr('value');
            $value = $('select[name="times_range_temp"] option').eq($i).text();

            $('<option value="' + $value + '">' + $value + '</option>').appendTo('select[name="times_range"]');

        }
    }

    //计算额外费用
    function calc_order_flow() {
        $shippingfee = $('.shippingfee .item-selected').data('shippingfee');
        $delivery_time = $('.delivery .item-selected').data('delivery_time');
        $address = $('#consignee-addr .cs-selected');

        $dsfwf = 0;
        if ($delivery_time == '定时') {
            $dsfwf = 1;
            $('input[name="dsfwf"]').val("1");
        }
        post_ajax("/flow.php?step=ajax_add_distinct_time_service_fee_fee", {
            act: "add",
            test: "1",
            shippingfee: $shippingfee,
            dsfwf: $dsfwf,
            district: $address.data('district')
        }, function (data) {
            $json = $.parseJSON(data);
            $('#order_flow').html($json['content']);
        });
    }

    //保存收货人地址
    function save_addr() {
        $form = $('#form_new_address');
        $address_id = $.trim($form.find('input[name="address_id"]').val());
        $consignee = $.trim($form.find('input[name="consignee"]').val());
        $tel = $.trim($form.find('input[name="tel"]').val());
        $province_id = $.trim($form.find('select[name="province"]').val());
        $city_id = $.trim($form.find('select[name="city"]').val());
        $district_id = $.trim($form.find('select[name="district"]').val());
        $address = $.trim($form.find('input[name="address"]').val());
        $buyer_name = $.trim($form.find('input[name="buyer_name"]').val());
        $buyer_tel = $.trim($form.find('input[name="buyer_tel"]').val());
        if ($consignee == '') {
            common_tip("请填写收货人姓名", $form.find('input[name="consignee"]'));
            return false;
        }
        if ($tel == '') {
            common_tip("请填写收货人手机号", $form.find('input[name="tel"]'));
            return false;
        }
        if (!myreg_mobile.test($tel)) {
            common_tip("收货人手机号格式不正确", $form.find('input[name="tel"]'));
            return false;
        }
        if ($province_id == '') {
            common_tip("请选择省", $form.find('select[name="province"]'));
            return false;
        }
        if ($city_id == '') {
            common_tip("请选择市", $form.find('select[name="city"]'));
            return false;
        }
        if ($district_id == '') {
            common_tip("请选择区", $form.find('select[name="district"]'));
            return false;
        }
        if ($address == '') {
            common_tip("请填写详细街道地址", $form.find('input[name="address"]'));
            return false;
        }
        if ($buyer_name == '') {
            common_tip("请填写订购人姓名", $form.find('input[name="buyer_name"]'));
            return false;
        }
        if ($buyer_tel == '') {
            common_tip("请填写订购人手机号", $form.find('input[name="buyer_tel"]'));
            return false;
        }
        if (!myreg_mobile.test($buyer_tel)) {
            common_tip("订购人手机号格式不正确", $form.find('input[name="buyer_tel"]'));
            return false;
        }
        post_ajax('/address.php', {
            act: 'add_address',
            address_id: $address_id,
            consignee: $consignee,
            tel: $tel,
            province_id: $province_id,
            city_id: $city_id,
            district_id: $district_id,
            address: $address,
            buyer_name: $buyer_name,
            buyer_tel: $buyer_tel
        }, function (data) {
            $json = $.parseJSON(data);
            if ($json['error'] == 0) {
                close_addr();
                get_address_list();
            } else {
                common_alert($json['msg']);
            }
        });
    }

    //选择省份
    function select_province_change() {
        $form = $('#form_new_address');
        $province_id = $.trim($form.find('select[name="province"]').val());
        get_ajax("address.php?act=get_ajax_region", {province_id: $province_id}, function (data) {
            $json = $.parseJSON(data);
            $form.find('select[name="city"]').html('<option value="">请选择市</option>');

            $city_list = $json['city_list'];
            $.each($city_list, function (k, v) {
                $select = '';
                if (v.region_id == $page_city_id) {
                    $select = 'selected';
                }
                $('<option ' + $select + ' value="' + v.region_id + '">' + v.region_name + '</option>').appendTo($form.find('select[name="city"]'));
            });
            $form.find('select[name="city"]').change();
        });
    }


    //选择城市
    function select_city_change() {
        $form = $('#form_new_address');
        $city_id = $.trim($form.find('select[name="city"]').val());
        get_ajax("address.php?act=get_ajax_region", {city_id: $city_id}, function (data) {
            $json = $.parseJSON(data);
            $form.find('select[name="district"]').html('<option value="">请选择区</option>');
            $city_list = $json['district_list'];
            $.each($city_list, function (k, v) {
                $select = '';
                if (v.region_id == $page_district_id) {
                    $select = 'selected';
                }
                $('<option ' + $select + ' value="' + v.region_id + '">' + v.region_name + '</option>').appendTo($form.find('select[name="district"]'));
            });
            $form.find('select[name="district"]').change();
        });
    }

    //选择地区 2017-11-22
    function select_district_change() {
        $form = $('#form_new_address');
        $area_id = $.trim($form.find('select[name="district"]').val());
        if ($area_id != '') {
            get_ajax('/address.php', {act: 'get_regional_prices', area_id: $area_id}, function (data) {
                $json = $.parseJSON(data);
                if ($json['error'] == 0) {
                    var str = '';
                    if ($json['is_delivery'] == 0) {
                        str = '由于该配送地区暂时没有花材，不能配送，请知晓！';
                    } else {
                        if ($json['ratio'] > 1) {
                            str = '由于该配送地区花材紧缺且材料涨价，需要支付商品' + $json['ratio'] + '倍的价钱才能配送，请知晓！';
                            $(".reminder_area").show();
                        } else {
                            $(".reminder_area").hide();
                        }
                    }
                    $(".reminder_a").html(str);
                } else {
                    $(".reminder_area").hide();
                    common_alert($json['msg']);
                }

            });
        }
    }

    //关闭收货人弹出层
    function close_addr() {
        layer.closeAll();
    }

    //获取收货地址列表
    function get_address_list() {
        $('.address-item').remove();
        $('<img src="/assets/flower/images/load.gif" class="address_img_load">').prependTo('.consignee-warp');
        get_ajax("address.php?act=list", {is_ajax: 1}, function (data) {
            $json = $.parseJSON(data);
            $address_list = $json['address_list'];
            if ($address_list.length == 0) {
                $('.add-new-address').click();
            }
            $('.address_img_load').remove();
            $.each($address_list, function (k, v) {
                $select = v.is_default == "1" ? 'cs-selected' : '';

                $('<div class="cs-w-item ' + $select + '  address-item" data-address_id="' + v.address_id + '"' +
                    'data-consignee="' + v.consignee + '" data-tel="' + v.tel + '" data-province="' + v.province + '"' +
                    'data-city="' + v.city + '" data-district="' + v.district + '" data-address="' + v.address + '"' +
                    'data-buyer_name="' + v.buyer_name + '" data-buyer_tel="' + v.buyer_tel + '"' +
                    '> <div class="item-tit">' +
                    '<h3 class="username">收货人：' + v.consignee + '</h3>' +
                    '<span class="remark"></span>' +
                    '</div>' +
                    '<div class="item-tel">' +
                    '<span class="contact">收货人手机号：' + v.tel + '</span></div>' +
                    '<div class="item-address">收货地址：' + v.addr_info + '</div>' +
                    '<div class="item-tit">订购人：' + v.buyer_name + '</div>' +
                    '<div class="item-tit">订购人手机号：' + v.buyer_tel + '</div>' +
                    '<i class="icon"></i>' +
                    '<a class="edit btn_address_edit" href="javascript:;">修改</a>' +
                    '<a class="delete btn_address_delete" href="javascript:;">删除</a>' +
                    '<input checked="checked" class="ui-radio" name="consignee_radio" value="1" id="radio_1" type="radio"></div>').prependTo('.consignee-warp');

            });
            $address = $('#consignee-addr .cs-selected');
            calc_order_flow();
            show_reminder($address.data('district'));
        });
    }

    //获取购物车数据
    /*function get_cart_list_by_delivery_date($delivery_date) {

        get_ajax("get_ajax.php?act=get_cart_list_by_delivery_date", {delivery_date: $delivery_date}, function (data) {
            $json = $.parseJSON(data);
            if ($json['error'] == 0) {
                //重新计算价格
                calc_order_flow();

                $('#cart_goods_list').html('');
                $cart_list = $json['cart_list'];
                $delivery_date_type = $json['delivery_date_type'];
                $is_only_all_day_delivery = $json['is_only_all_day_delivery'];
                if ($delivery_date_type == '1') {
                    //从配送日期从普通日期选为节日，则提示此时选的节日，价格会按节日计算

                    common_alert($json['festival_select_text']);

                } else if ($delivery_date_type == '2') {
                    //从配送日期从节日选为普通日期，则提示此时选的普通日，价格按普通价计算
                    layer.open({
                        type: 1,
                        title: false,
                        icon: 6,
                        shadeClose: true,
                        skin: 'small_layer_container',
                        content: '您当前所选的配送日期为平日配送,订单商品价格将按平日普通价格计算'
                    });

                }
                //只支持全天配送
                $times_range_temp = $('select[name="times_range"]');
                if ($json['is_all_day'] == '1') {
                    if ($delivery_date == $page_now_date) {
                        $opstr = '<option value="">请选择</option><option value="全天配送">全天配送</option>';
                        if ($page_cur_hour < 12) {
                            $opstr += '<option value="上午">上午</option>';
                        }
                        if ($page_cur_hour < 18) {
                            $opstr += '<option value="下午">下午</option>';
                        }
                        if ($page_cur_hour < 22) {
                            $opstr += '<option value="晚上">晚上</option>';
                        }
                    } else {
                        $opstr = '<option value="">请选择</option><option value="全天配送">全天配送</option><option value="上午">上午</option><option value="下午">下午</option><option value="晚上">晚上</option>';
                    }

                    $('select[name="times_range"]').html($opstr);
                    $("#btn_timing").hide();
                    $(".times").hide();
                    $(".times_range").show();
                    $("#time_interval").addClass("item-selected");
                    //$('#time_interval').click();
                } else {
                    $("#btn_timing").show();
                }
                if ($is_only_all_day_delivery) {
                    $('select[name="times_range"]').html('<option value="">请选择</option><option value="全天配送">全天配送</option>');
                    $("#btn_timing").hide();
                    $(".times").hide();
                    $(".times_range").show();
                    $("#time_interval").addClass("item-selected");
                    //$('#time_interval').click();

                } else {
                    $('select[name="times_range"]').html($times_range_temp.html());
                }
                $count = $cart_list.length;
                $.each($cart_list, function (k, v) {
                    $last = k == $count - 1 ? 'last' : '';
                    $div_festival_price = v.is_festival == 1 ? '<br><span class="cart_festival_price fr cl">节日价</span>' : '';
                    $('<div class="cg-item ' + $last + '">' +
                        '<div class="c-col cg-name">' +
                        '<a href="/goods-' + v.goods_id + '.html" target="_blank">' +
                        '<div class="p-img">' +
                        '<img src="' + $page_site_static_url + v.goods_thumb + '" width="48" height="48"></div>' +
                        '<div class="p-info">' +
                        '<div class="p-name">' + v.goods_name + '</div>' +
                        '<div class="p-attr">' + v.goods_attr + '</div>' +
                        '</div>' +
                        '</a>' +
                        '</div>' +
                        '<div class="c-col cg-price">' +
                        '<span class="fr cl">' + v.formated_goods_price + '</span>' +
                        $div_festival_price +
                        '</div>' +
                        '<div class="c-col cg-number">x' + v.goods_number + '</div>' +
                        '<div class="c-col cg-state">' +
                        '<span>有货' +
                        '<input name="rec_number" id="5" value="0" type="hidden">' +
                        '<input name="shipping_prompt" id="5" value="0" type="hidden"></span></div>' +
                        '<div class="c-col cg-sum">' + v.formated_subtotal + '</div>' +
                        '<div class="cg-item-line"></div>' +
                        '<i class="dian"></i>' +
                        '</div>').appendTo($('#cart_goods_list'));
                });
            }
        });
    }

    //显示温馨提示()
    function show_reminder(district_id) {
        get_ajax('/address.php', {act: 'get_regional_prices', area_id: district_id}, function (data) {
            $json = $.parseJSON(data);

            if ($json['error'] == 0) {
                var str = '';
                if ($json['is_delivery'] == 0) {
                    str = '<strong>温馨提示：</strong>由于该配送地区暂时没有花材，不能配送，请知晓！';
                } else {
                    if ($json['ratio'] > 1) {
                        str = '<strong>温馨提示：</strong>由于该配送地区花材紧缺且材料涨价，需要支付商品' + $json['ratio'] + '倍的价钱才能配送，请知晓！';
                    }
                }
                $(".reminder").html(str);
                $(".reminder_b").html(str);
            } else {
                common_alert($json['msg']);
            }

        });
    }*/

</script>

<footer class="footer">
    <div class="footer_service footer-wrap">
        <div class="w">
            <ul>
                <li>
                    <h4></h4>
                    <div class="service_text">
                        <h2>高档花材</h2>
                        <p>100%品质保证</p>
                    </div>
                </li>
                <li>
                    <h4></h4>
                    <div class="service_text">
                        <h2>同城配送</h2>
                        <p>1-3小时送达</p>
                    </div>
                </li>
                <li>
                    <h4></h4>
                    <div class="service_text">
                        <h2>特色服务</h2>
                        <p>高端私人定制</p>
                    </div>
                </li>
                <li>
                    <h4></h4>
                    <div class="service_text">
                        <h2>时尚原创花艺</h2>
                        <p>资深花艺师独家设计</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="footer_bottom">
        <div class="w">
            <div class="help">
                <div class="footer_help">
                    <dl>
                        <dt>购物说明</dt>
                        <dd><a href="#">APP专享介绍</a></dd>
                        <dd><a href="#">购物流程</a></dd>
                        <dd><a href="#">支付说明</a></dd>
                    </dl>
                    <dl>
                        <dt>配送说明</dt>
                        <dd><a href="#">配送范围</a></dd>
                        <dd><a href="#">配送费用</a></dd>
                        <dd><a href="#">配送时间</a></dd>
                    </dl>
                    <dl>
                        <dt>退改须知</dt>
                        <dd><a href="#">订单修改</a></dd>
                        <dd><a href="#">订单取消</a></dd>
                        <dd><a href="#">关于签收</a></dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="#">品牌介绍</a></dd>
                        <dd><a href="#">实力证明</a></dd>
                        <dd><a href="#">花语大全</a></dd>
                        <dd><a href="#">鲜花百科</a></dd>
                    </dl>
                    <dl>
                        <dt>同层配送</dt>
                        <dd><a href="#">北京鲜花</a></dd>
                        <dd><a href="#">上海鲜花</a></dd>
                        <dd><a href="#">广州鲜花</a></dd>
                        <dd><a href="#">更多城市</a></dd>
                    </dl>
                </div>
                <div>&nbsp;&nbsp;友情链接：&nbsp;&nbsp;<a href="#">订花</a>&nbsp;&nbsp;<a href="#">花店订花</a>&nbsp;&nbsp;<a
                        href="#">防伪</a>&nbsp;&nbsp;<a href="#">网站建设</a>&nbsp;&nbsp;<a href="#">连锁加盟网</a>&nbsp;<a
                        href="#">CFA</a>&nbsp;&nbsp;<a href="#">品牌大全</a>&nbsp;&nbsp;<a href="#">EMBA</a>&nbsp;&nbsp;<a
                        href="#">资源网</a></div>
                <div>&nbsp;&nbsp;联系电话：&nbsp;&nbsp;0797-3591053&nbsp;&nbsp;&nbsp;©2021 - 2022 By 赖赐麒</div>
                <div>&nbsp;&nbsp;开发者：赖赐麒&nbsp;&nbsp;&nbsp;<a href="#">应用权限</a>&nbsp;&nbsp;<a href="#">隐私权限</a></div>
            </div>


            <div class="service_tel">
                <ul>
                    <li>电话</li>
                    <li>0797-3591053</li>
                    <li>工作日 08:00-21:00</li>
                    <li>节假日 06:00-24:00</li>
                    <li><a href="#">全国</a></li>
                </ul>
            </div>


            <div class="download">
                <ul class="download_iphone">
                    <li>Iphone下载</li>
                    <li></li>
                </ul>
                <ul class="download_android">
                    <li>Android下载</li>
                    <li></li>
                </ul>
                <div>手机扫码即可下载Flower鲜花APP</div>
            </div>
        </div>
    </div>
</footer>

<script src="/static/js/layui/layui.js"></script>
<script>
   /* layui.use(['layer'], function(){
        var layer = layui.layer
            ,$ = layui.$;*/

        var baseUrl = "http://localhost:8099";
        $("#submit-btn").click(function () {
            var greetingMessage = $("#words").val();
            var deliveryTime =  $("#delivery_time").val();
            var remarkText = $("#remarkText").val();
            console.log("greetingMessage",greetingMessage,"deliveryTime",deliveryTime,"remarkText",remarkText)
            $.ajax({
                url: baseUrl + "/order/submitOrder",
                type: "post",
                dataType: "json",
                contentType: 'application/json;charset=utf-8',
                data: JSON.stringify({"greetingMessage":greetingMessage,"deliveryTime":deliveryTime,"note":remarkText,"payType":1}),
                success: function (data) {//返回json结果
                    if(data.code == 0){
                        alert("订单提交成功")
                    }
                }
            })
        })

    /*});*/

</script>












<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<script>
    $show_time = 1;
    $timer_check_user_create_order = "";
    $(function () {
        setInterval(function () {
            $show_time++;
            $('#udesk-im').css('background', 'url(/assets/flower/huazan/images/zxheadicon' + $show_time + '.png)');
            if ($show_time >= 3) {
                $show_time = 0;
            }
        }, 3000);
        $(".footup .coupon").addClass('coupon_in');
        $(".footup .coupon").click(function () {
            if (!$(this).is(":hidden")) {
                boxShow('all_down');
            }
        })

        $(".icon_cross_close").click(function () {
            $(".footup .coupon").hide();
            $(".footup_ht").hide();
        })

       /* $timer_check_user_create_order = setInterval(function () {
            check_user_create_order();
        }, 63000);*/
    });

</script>


<script src="/static/js/layui/layui.js"></script>
<script src="/static/js/index.js"></script>
<script src="/static/js/layui/jquery.min.js"></script>


<div id="jedatebox" class="jedatebox" style="z-index: 999;"></div>
</body>
<div id="sc-translator-shadow" style="all: initial;"></div>
</html>
